<template>
	<div class="child">
		<h2>我是Child组件</h2>
		<h4>Child组件的msg：{{msg}}</h4>
		<button @click="sendMsg2App">将msg发给父组件（触发haha事件）</button>
	</div>
</template>

<script>
	export default {
		name:'Child',
		data() {
			return {
				msg:'欢迎来到尚硅谷！',
			}
		},
		methods: {
			sendMsg2App(){
				//1.下面这行代码的this是Child的实例
				//2.谁点的$emit就是在触发身上的事件
				//3.谁点的$emit，那么$emit所触发的事件回调中的this就是谁
				this.$emit('atguigu-haha',this.msg)
			}
		},
	}
</script>

<style scoped>
	.child{
		background-color: skyblue;
		padding: 30px;
	}
</style>